﻿@model MusicOnLine.Models.AlbumInfo
@{
    ViewBag.Title = "专辑信息";
}
<link href="../../Content/stylemusic.css" rel="stylesheet" />
<fieldset>
    <legend>专辑信息</legend>
    <div style="height: 10px;">
    </div>
    <div class="divAlbumShadow" style=" float:left; width:136px; line-height:136px; overflow:hidden; text-align:center;border:solid 1px #E7E7E7; border-radius:5px;">
        <img  src="/AlbumImg/@Url.Content(Model.Album.ImgUrl)" style=" max-height:140px; max-width:140px;vertical-align:middle;" />
    </div>
    <div style=" float:left; width:5px; height:170px;"></div>
    <div style=" float:left; height:170px;">
        <div>专辑:</div>
        <div>@Model.Album.AlbumName</div>
        <div>艺术家:</div>
        <div>@Model.Album.ArtistName</div>
        <div>发行年份:</div>
        <div>@Model.Album.PublishYear</div>
        <div>曲目数量:</div>
        <div>@Model.Album.SongsCount</div>        
    </div>
    <div style=" clear:both;">
        <div class="divPlayAlbum" data-action="@Url.Action("Play", "AACInfo",null,null)">
            <div class="icon_play"></div><div style="width:50px; float:left; margin-left:10px;">播放专辑</div></div>
    </div>
    <hr />
    <div>
        <div class="dHeader" style="font-size: small; font-weight: bold">           
            <div class="divellipsis" style="float: left; width: 300px;">
                曲名</div>        
            <div class="divellipsis" style="float: left; width: 300px;">
                艺术家</div>
            <div style="float: left; width: 100px;">
                风格</div>         
              <div style="float: left; width: 100px; text-align:center;">
                播放次数</div>
            <div style="float: left; width: 100px;">
                </div>
        </div>
        <div style="height: 20px;">
        </div>
        <div class="dContent">
            @foreach (var item in Model.SongsList)
            {                
               <div class="divsongInfo" style="clear: both; font-size:small; height:18px; line-height:18px; ">      
                 <div class="divellipsis" style="float: left; width: 300px;">
                        @Html.DisplayFor(modelItem => item.Name)</div>                
                    <div class="divellipsis" style="float: left; width: 300px;">
                        @Html.DisplayFor(modelItem => item.Artist)</div>                   
                    <div style="float: left; width: 100px; height:18px;">
                        @Html.DisplayFor(modelItem => item.Genre)</div> 
                    <div style="float: left; width: 100px; text-align:center;">
                        @Html.DisplayFor(modelItem => item.PlayedCount)</div>  
                     <div title="收藏" class="divCollect" data-ID="@item.ID"></div>    
                     <div title="播放" class="topPlay" data-ID="@item.ID" data-Name="@item.Name" data-artist="@item.Artist" data-Location="@item.Location" data-action="@Url.Action("Play", "AACInfo",null,null)" style="float: left;"  >
                     </div>   
                    <div title="添加" class="divAddSongs" data-ID="@item.ID" data-Name="@item.Name" data-artist="@item.Artist" data-Location="@item.Location" data-action="@Url.Action("Play", "AACInfo",null,null)"></div>                     
                </div>                    
            }
        </div>       
    </div>
</fieldset>
